 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的快件信息</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<style type="text/css">
	body{
		margin: 0;
		padding: 0;
		background-color: #eeeeee;
		font-family: "楷体";
	}
	.item{
		margin: 20px;
		margin-bottom: 50px;
	}
	.imte_top{
		text-align: center;
	}
	.imte_top>span{
		font-size:14px;
		display: inline-block;
		padding: 5px 12px;
		background-color: #ddd;
		color:#fff;
		border-radius: 5px;
	}
	.item_content{
		background-color: #fff;
		padding: 25px 15px;
		margin-top: 6px;
	}
	.item_content_top_1{
		font-size: 24px;
		font-weight: bold;
	}
	.item_content_top_2{
		color:#eee;
		font-size: 14px;
		margin: 5px 0px;
	}
	.item_content_top_3{
		margin: 10px 0px;
	}
	.item_content_top_4{
		margin: 10px 0px;
	}
	.item_content_bottom>a{
		text-decoration: none;
		color:#33e;
	}
</style>
</head>
<body>
	
	<div class="content" id="status0Content">
		

		
	</div>
	<div class="content" id="status1Content">
		

			
	</div>
</body>
 <script src="js/jquery.min.js"></script>
 <script src="layer/layer.js"></script>
 <script>
     $(function () {
         var expressNum = getParams("expressNum");
         //获取传过来的值方法封装
         function getParams(key) {
             var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
             var r = window.location.search.substr(1).match(reg);
             if (r != null) {
                 return unescape(r[2]);
             }
             return null;
         };
         console.log(expressNum);
        $.getJSON("/wx/fingExpressByExpressNum.do",{expressNum:expressNum},function (data) {
            if (data.status == 0){
                layer.msg(data.result);

                if ("已取件" == data.data.status){
                    var item = "<div class=\"item\">\n" +
                        "\t\t\t<div class=\"imte_top\"><span>" + data.data.outTime + "</span></div>\n" +
                        "\t\t\t<div class=\"item_content\">\n" +
                        "\t\t\t\t<div class=\"item_content_top\">\n" +
                        "\t\t\t\t\t<div class=\"item_content_top_1\">取件成功通知</div>\n" +
                        "\t\t\t\t\t<div class=\"item_content_top_2\">" + data.data.outTime + "</div>\n" +
                        "\t\t\t\t\t<div class=\"item_content_top_3\">您有一个包裹从e栈取出了!</div>\n" +
                        "\t\t\t\t\t<div class=\"item_content_top_4\">\n" +
                        "\t\t\t\t\t\t快递公司:" + data.data.company + "<br>\n" +
                        "\t\t\t\t\t\t运单号码:" + data.data.number + "<br>\n" +
                        "\t\t\t\t\t\t站点电话:" + data.data.sysPhone + "<br>\n" +
                        "\t\t\t\t\t</div>\n" +
                        "\t\t\t\t</div>\n" +
                        "\t\t\t\t<hr>\n" +
                        "\t\t\t\t<div class=\"item_content_bottom\">\n" +
                        "\t\t\t\t\t<a href=\"#\">有疑问 ? 点了也没用</a>\n" +
                        "\t\t\t\t</div>\n" +
                        "\t\t\t</div>\n" +
                        "\t\t</div>";
                    $("#status1Content").append($(item));


                }else if ("待取件"== data.data.status ){

                    var item = "<div class=\"item\">\n" +
                        "\t\t\t<div class=\"imte_top\"><span>"+data.data.inTime+"</span></div>\n" +
                        "\t\t\t<div class=\"item_content\">\n" +
                        "\t\t\t\t<div class=\"item_content_top\">\n" +
                        "\t\t\t\t\t<div class=\"item_content_top_1\">取件通知</div>\n" +
                        "\t\t\t\t\t<div class=\"item_content_top_2\">"+data.data.inTime+"</div>\n" +
                        "\t\t\t\t\t<div class=\"item_content_top_3\">您有一个包裹到e栈了!</div>\n" +
                        "\t\t\t\t\t<div class=\"item_content_top_4\">\n" +
                        "\t\t\t\t\t\t取件码:<span style=\"color:#05a\">"+data.data.code+"</span><br>\n" +
                        "\t\t\t\t\t\t快递公司:"+data.data.company+"<br>\n" +
                        "\t\t\t\t\t\t运单号码:"+data.data.number+"<br>\n" +
                        "\t\t\t\t\t\t站点电话:"+data.data.sysPhone+"<br>\n" +
                        "\t\t\t\t\t</div>\n" +
                        "\t\t\t\t</div>\n" +
                        "\t\t\t\t<hr>\n" +
                        "\t\t\t\t<div class=\"item_content_bottom\">\n" +
                        "\t\t\t\t\t<a href=\"/wx/createQRCode.do?type=express&code="+data.data.code+"\">二维码</a>\n" +
                        "\t\t\t\t</div>\n" +
                        "\t\t\t</div>\n" +
                        "\t\t</div>";
                    $("#status0Content").append($(item));
                }
            }else {
                layer.msg(data.result);
                var item = "<div class=\"item\">\n" +
                    "<h1 align='center'> 你暂无快递信息！</h1>"+
                    "\t\t</div>";
                $("#status0Content").append($(item));
            }


        })
     });



 </script>
</html>